*{
    margin: 0;
    padding: 0;
    list-style: none;
}
.box{
    width: 375px;
    border: 1px solid red;
}
.app {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: #ffffff;
  }
  
  .top {
    flex: 0;
   
  }
  
  .body {
    flex: 1;
    display: flex;
    /* justify-content: center;
    align-items: center; */
  }
  
  .bottom {
    flex: 0;
    
  }

  .swiper{
    width: 100%;
    line-height: 150px;
  }
  .middle{
    width: 100%;
    overflow: hidden;
  }
  .middle  .item{
    float: left;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
  }